<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ page session="false"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title><fmt:message key="welcome.title" /></title>

<!-- CSS Links-->
<!--To make sure this template was viewed correctly in the majority of browsers, there are several css files.-->

<!--6 CSS files total, listed below--> 

<!--Blueprint Framework CSS-->
<!--CSS IE Render Fixes-->
<!--Custom Styling (site_styles.css)-->
<!--jQuery Sliding Login Panel-->
<!--jQuery Custom Rotator-->
<!--Lightbox Styling-->

<!-- To allow for easy manipulation, I have -->
<!--left the Blueprint Framework untouched, simply overwriting styles in the site_style.css. To make any --> 
<!--changes to the template, simply change/modify styles in the site_styles.css file. -->    
<link rel="stylesheet" href="/css/framework.css" type="text/css" media="screen, projection">
<link rel="stylesheet" href="/css/site_styles.css" type="text/css" media="screen, projection">
<link rel="stylesheet" href="/css/slide.css" type="text/css" media="screen, projection">

<!-- jQuery Slider declarations are made in this file. The slider is found at the top of the index.html page-->
<link rel="stylesheet" href="/css/slider.css" type="text/css" media="screen, projection">

<!--IE 6,7 Render Fixes-->
<!--[if lt IE 8]><link rel="stylesheet" href="/css/ie.css" type="text/css" media="screen, projection"><![endif]-->
<!--[if lt IE 7]><link rel="stylesheet" href="/css/ie6.css" type="text/css" media="screen, projection"><![endif]-->


<!--jQuery-->
<!--jQuery Tools-->
<!--Custom jQuery Set-->
<!--jQuery Delay Plugin-->
<!--jQuery Image Preloader-->
<SCRIPT type="text/javascript" src="/js/jquery.js"></SCRIPT>
<script type="text/javascript" src="/js/jquery.tools.min.js"></script>   
<SCRIPT type="text/javascript" src="/js/custom.js"></SCRIPT>
<SCRIPT type="text/javascript" src="/js/preloader.js"></SCRIPT>
<SCRIPT type="text/javascript" src="/js/delay.js"></SCRIPT>
<SCRIPT type="text/javascript" src="/js/slider.js"></SCRIPT>


<!--Preload Image Over Imgs-->
<script type="text/javascript">
$.preLoadImages(
     [
          '/img/img_over/main_image1.jpg',
		  '/img/img_over/main_image2.jpg',
          '/img/img_over/main_image3.jpg',
		  '/img/img_over/main_image4.jpg'
		  
     ]    
);
</script>


<!--jQuery Sliding Login Panel Button-->
<script type="text/javascript">
$(document).ready(function(){

	$(".btn-slide").click(function(){
		$("#panel").slideToggle("slow");
		$(this).toggleClass("active"); return false;
	});
	
	 
});
</script>

<!--CUFON Text Replacement-->
<!--This script replaces existing <h> tags with the custom Titillium Font that renders correctly in all modern browsers-->
<!--I have included 2 different Titillium font weights, 400 and 800 respectively.-->
<!--If you want to use the much bolder, 800 weight, simply change the "400" below to "800"-->
<script src="/js/cufon-yui.js" type="text/javascript"></script>
<script src="/js/TitilliumText15L_400.font.js" type="text/javascript"></script>
<script type="text/javascript">
        Cufon.replace('h1');
        Cufon.replace('h2');
        Cufon.replace('h3');
        Cufon.replace('h4');
        Cufon.replace('h5');
        Cufon.replace('h6');
</script>

<!--[if IE 6]>
<script src="/js/DD.js"></script>
<script>
DD_belatedPNG.fix('#leftArrow, #rightArrow, .tab ul.login li, .tab a.open,.tab a.close, img');
</script>
<![endif]--> 
  

<!-- Color hover JavaScript Files -->
<script type="text/javascript" src="/js/jquery.color.js"></script>
<script type="text/javascript"> 
 // Background color animation 
        $(document).ready(function(){
                $(".image_placeset img").hover(function() {
                $(this).stop().animate({ backgroundColor: "#56BFF8" }, 200);
        },function() {
                 $(this).stop().animate({ backgroundColor: "#f7f7f7" }, 400);	 
        });
  });
</script>

<!--closing the head tag, if you want to declare any css/javascript or any other references, do it above. -->   
</head>


<body>
<!--This template makes use of the Blueprint CSS framework. -->
<!--div span-# classes are declared in the framework.css file, and allow easy creation of widths of space -->
<!-- Example: <div class="span-24"></div> creates a div that is 950px wide and is set for padding.-->
<!--For more info on different div arrangements, consult the blueprint css framework at-->
<!--http://blueprintcss.org-->